//引入组件
import React,{ Component } from 'react'

import PropTypes from 'prop-types'

import Item from '../Item'

import './index.css'

export default class Lists extends Component{

    // 进行参数的检验
    static propTypes = {
        updateTodo:PropTypes.func.isRequired,
        todos:PropTypes.array.isRequired,
        deteleTodo:PropTypes.func.isRequired,
    }

    state = { mouse:false }

    // this.handelMouse(true)
    handelMouse =( flag )=>{
        return () =>{
            this.setState({ mouse:flag })
        }
    }

    render(){
        const { todos,updateTodo,deteleTodo } = this.props
        return(
            <div className="lists">
				<ul className="list-item">
					{ todos.map( todo =>{
                        return (
                           <Item key={ todo.id } { ...todo } updateTodo={ updateTodo } deteleTodo={ deteleTodo} />
                        )
                    }) 
                    }
				</ul>
			</div>
        )
    }
}